
$(document).ready(function(e){
    page_init();
	page_gallery();
});

// ===========================================================================================
var body_w1 = $(window).width();
//返回信息
function doresult(result){
	$("#datehtml").html("");
      $.each(result, function(i, item) {
    	  $("#date4").text(i);
	      var html= "<ul class=\"ceil mm-listview\"  data-date='"+i+"'>"
	       var sp =item.split("-");
	      if(item==""){
	    	   html=html+"<li>预约已满</li>"; 
	    	     html=html+"</ul>"; 
	    		$("#datehtml").append(html);
	    		return ;
	      }
	       for(var i=0;i<sp.length;i++){
	    	   if(sp[i]!=""){
	    	   html=html+"<li>"+sp[i]+"</li>"; 
	    	   }
	       }
	     html=html+"</ul>";
	    //   alert(html)
	    $("#datehtml").append(html);

	
        });
 
	    $("#OrderTime .timetable > div .ceil").width(body_w1);


}

function page_init()
{
	var body_w = $(window).width();
	var body_h = $(window).height();
	var head_h = $(".header").height();
	var foot_h = $(".footer").height();
	
	// 收藏服务
	$(".hd-star").click(function(){
		if( $(this).is(".selected") )
		{
			$(this).removeClass("selected");
			Tips("取消收藏");
		}
		else
		{
			$(this).addClass("selected");
			Tips("收藏成功");
		}
	});
	
	// 预约时间
	$(".set_time").attr({"href":"#OrderTimeTemp"}).click(function(){

		$(this).attr({"href":"#OrderTime"});

	});
	
	$("#OrderTime").mmenu({extensions:["fullscreen"],offCanvas:{position:"right",zposition:"next"}});
	$("#OrderTime .hd-return").click(function(){ $("#OrderTime").data("mmenu").close(); });
	
	$("#OrderTime .timetable").width(body_w).height(body_h-head_h);
	$("#OrderTime .timetable > div").width(body_w*4);
	
	$("#OrderTime .cate li").click(function(){
		idx = $(this).index();
		$(this).addClass("selected").siblings().removeClass("selected");
		$("#OrderTime .timetable > div").animate({left:-body_w*idx});
	});
	
	$("#OrderTime").on("click",".ceil li",function(){
		if($(this).text()=="预约已满"){
			alert("对不起预约时间已满，请选择其他时间!");
			return ;
		}
		time = $(this).parent().data("date") +" "+ $(this).text();
		timestamp = new Date(time+":00").valueOf();
		$(".set_time span").html(time);
		$(".order_time").val(timestamp);
		$(".yuyue_time").val(time);
		$("#OrderTime").data("mmenu").close();
	});
	
	// 预约技师
	$("#OrderEmid").mmenu({extensions:["fullscreen"],offCanvas:{position:"right",zposition:"next"}});
	$("#OrderEmid .hd-return").click(function(){ $("#OrderEmid").data("mmenu").close(); });
	
	$("#OrderEmid .emlist").height(body_h-head_h);
	var  histid="";//记录的ID
	$("#OrderEmid li").click(function(){
		emid = $(this).attr("emid");
		name = $(this).find(".name span:eq(0)").text();
		$(".set_emid span").html(name);
		$("#beautician_name").val(name);//设置技师名字
		$("#beautician_id").val(emid);//设置技师的ID
		$("#benprice").text("￥"+$(this).attr("money"));
		$("#postprice").val($(this).attr("money"));
		if(histid=="" || histid!=emid){
			//第一次选择   或者切换了技师
			histid=emid;
			initime(emid);//取拉去数据
			$(".set_time span").text("未预约");
			$(".order_time").val("");
		}
		
		
		$(".order_emid").val(emid);
		$("#OrderEmid").data("mmenu").close();
	});
	
	if($("#beautician_id").val()!="0"){
		initime($("#beautician_id").val());
	}
	//初始化时间    tid  技师的ID
	function initime(tid){
		//alert(tid)
		// 发送数据
		 if($("#beautician_id").val()=="0"){
			 //去渲染
			 doresult(publicjson);
			 return ;
		 }
		$.ajax({
			url:"wxajax!getTime.do",
			type:"post",
			data:{hour:$(".order_hour").val(),beautician_id:tid},
			dataType:"json",
			success: function(result){
				$("#datehtml").html("");
			      $.each(result, function(i, item) {
			    	  $("#date4").text(i);
				      var html= "<ul class=\"ceil mm-listview\"  data-date='"+i+"'>"
				       var sp =item.split("-");
				      if(item==""){
				    	   html=html+"<li>预约已满</li>"; 
				    	     html=html+"</ul>"; 
				    		$("#datehtml").append(html);
				    		return ;
				      }
				       for(var i=0;i<sp.length;i++){
				    	   if(sp[i]!=""){
				    	   html=html+"<li>"+sp[i]+"</li>"; 
				    	   }
				       }
				     html=html+"</ul>";
				    //   alert(html)
				    $("#datehtml").append(html);

				
			        });
			 
				    $("#OrderTime .timetable > div .ceil").width(body_w);
			}
		});
	}
	
	
	// 购买服务
	$(".buy").click(function(e){
		
		time = $(".order_time").val();
		emid = $(".order_emid").val();
		
		if( time=="" ) { alert("请选择 预约时间！"); return; }
		if( emid=="" ) { alert("请选择 预约技师！"); return; }
		
		$("form").submit();
		
	});
	
}

function page_gallery()
{
	var body_w = $(window).width()>1024 ? 600 : $(window).width() ;
	
	$(".scroll").width(body_w);
	$(".mod_01 img").width(body_w);
	$(".mod_01 img").height(body_w*0.6);
	
	var page = $("#slide_01>div").length;
	var slide_01 = new ScrollPic();
	slide_01.scrollContId = "slide_01"; //内容容器ID
	slide_01.dotListId = "slide_01_dot";//点列表ID
	slide_01.dotOnClassName = "selected";
	slide_01.arrLeftId = "sl_left"; //左箭头ID
	slide_01.arrRightId = "sl_right";//右箭头ID
	slide_01.frameWidth = body_w;
	slide_01.pageWidth = body_w;
	slide_01.upright = false;
	slide_01.speed = 10;
	slide_01.space = 30;
	slide_01.autoPlayTime = 5;//自动播放时间
	slide_01.pageNumber = page;//页面统计
	slide_01.initialize(); //初始化
}


document.onreadystatechange=function()
{
	var body_w = $(window).width()>1024 ? 600 : $(window).width() ;
	var body_h = $(window).height();
	
	// 页面完全加载
	if(document.readyState=="complete")
	{
		// 隐藏遮罩，显示页面
		$(".framepage").fadeIn();
		$(".hf_overlay").fadeOut();
		$(".hf_overlay > div").fadeOut();
		
		// 页面滚动效果
		frame_pulltorefresh();
		
		// 地址初始化
		height = $(".contact .addrs").outerHeight(true);
		console.log(height);
		if( height<=30 )
		{
			$(".contact .addrs").addClass("line1");
		}
	}	
}
